<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="./reset.css">
    <link rel="stylesheet" href="./reset1.css">
    <link rel="stylesheet" href="./product.css">
    <link rel="stylesheet" href="//at.alicdn.com/t/font_2600560_42qblr8sz35.css">
    <title>产品</title>
</head>
<body>
    <header>
        <!-- 顶部栏 -->
        <div class="header-top">
            <div class="bg-width">
                <div>全国服务热线400-000-0000</div>
                <div>
                    <a href="">设为首页</a>
                    <a href="">加入收藏</a>
                </div>
            </div>
        </div>
        <div class="header-bottom">
            <!-- logo以及公司名 -->
            <div class="left">
                <div class="logo">
                    <img src="/练习/项目一/img/logo.png" alt="">
                </div>
                <div class="company-name">
                    <h1>TK科技有限公司</h1>
                    <h2>cer dcd keo Holdings Co., Ltd.</h2>
                </div>
            </div>
            <!-- 导航栏 -->
            <div class="right">
                <ul>
                    <li>
                        <a href="">
                            <h3>首页</h3>
                            <h3>Home</h3>
                        </a>
                    </li>
                    <li>
                        <a href="">
                            <h3>关于我们</h3>
                            <h3>About</h3>
                        </a>
                    </li>
                    <li>
                        <a href="">
                            <h3>产品中心</h3>
                            <h3>Products</h3>
                        </a>
                    </li>
                    <li>
                        <a href="">
                            <h3>服务支持</h3>
                            <h3>Service</h3>
                        </a>
                    </li>
                    <li>
                        <a href="">
                            <h3>新闻中心</h3>
                            <h3>News</h3>
                        </a>
                    </li>
                    <li>
                        <a href="">
                            <h3>在线商店</h3>
                            <h3>Shop</h3>
                        </a>
                    </li>
                    <li>
                        <a href="">
                            <h3>练习我们</h3>
                            <h3>Contact Us</h3>
                        </a>
                    </li>
                </ul>
            </div>
        </div>
    </header>
    <section>
        <div class="banner">
            <img src="./img/产品/banner_b.jpg" alt="">
        </div>
        <div class="banner-top">
            <p><a href="#">首页</a>&gt;<a href="#">新品发布</a></p>
        </div>
        <!-- 搜索栏 -->
        <div class="search">
            <div class="search-top">
                <ul>
                    <li><a href="">百万高清系列</a></li>
                    <li><a href="">标清系列</a></li>
                    <li><a href="">户外防水系列</a></li>
                    <li><a href="">室内系列</a></li>
                </ul>
            </div>
            <div class="search-bot">
                <form action="" method="post">
                    <button><i class="iconfont icon-sousu"></i></button>
                    <input type="text" name="" id="" value="" placeholder="搜索产品"/>
                </form>
            </div>
        </div>
        <!-- 产品介绍 -->
        <div class="product-tb">
        <table  border="1" bordercolor="#cdcdcd">
            <tr>
                <td>
                    <a href=""><img src="/项目作业一/img/产品/1.jpg"/></a>
                    <h3>S6202Y-WR</h3>
                    <p>100万无线高清 64GB TF卡 语音对讲 智能连接 手机...</p>
                </td>
                <td>
                    <a href=""><img src="/项目作业一/img/产品/pic18.jpg"/></a>
                    <h3>S6202Y-WR</h3>
                    <p>100万无线高清 64GB TF卡 语音对讲 智能连接 手机...</p>
                </td>
                <td>
                    <a href=""><img src="/项目作业一/img/产品/01_002.jpg"/></a>
                    <h3>S6202Y-WR</h3>
                    <p>100万无线高清 64GB TF卡 语音对讲 智能连接 手机...</p>
                </td>
            </tr>
            <tr>
                <td>
                    <a href=""><img src="/项目作业一/img/产品/01_003.jpg"/></a>
                    <h3>S6202Y-WR</h3>
                    <p>100万无线高清 64GB TF卡 语音对讲 智能连接 手机...</p>
                </td>
                <td>
                    <a href=""><img src="/项目作业一/img/产品/01_004.jpg"/></a>
                    <h3>S6202Y-WR</h3>
                    <p>100万无线高清 64GB TF卡 语音对讲 智能连接 手机...</p>
                </td>
                <td>
                    <a href=""><img src="/项目作业一/img/产品/01_005.jpg"/></a>
                    <h3>S6202Y-WR</h3>
                    <p>100万无线高清 64GB TF卡 语音对讲 智能连接 手机...</p>
                </td>
            </tr>
            <tr>
                <td>
                    <a href=""><img src="/项目作业一/img/产品/01_006.jpg"/></a>
                    <h3>S6202Y-WR</h3>
                    <p>100万无线高清 64GB TF卡 语音对讲 智能连接 手机...</p>
                </td>
                <td>
                    <a href=""><img src="/项目作业一/img/产品/1.jpg"/></a>
                    <h3>S6202Y-WR</h3>
                    <p>100万无线高清 64GB TF卡 语音对讲 智能连接 手机...</p>
                </td>
                <td>
                    <a href=""><img src="/项目作业一/img/产品/621101.jpg"/></a>
                    <h3>S6202Y-WR</h3>
                    <p>100万无线高清 64GB TF卡 语音对讲 智能连接 手机...</p>
                </td>
            </tr>
        </table>
    </div>
    <div class="product-bot">
        <span><a href="">上一页</a></span>
        <span><a href="">1</a></span>
        <span><a href="">2</a></span>
        <span><a href="">3</a></span>
        <span><a href="">4</a></span>
        <span><a href="">5</a></span>
        <span><a href="">6</a></span>
        <span><a href="">下一页</a></span>
    </div>
    </section>
    <footer>
        <div class="foot-top">
            <div>
            <span>关注我们: </span>
            <a href=""><i class="iconfont icon-weibo"></i></a>
            <a href=""><i class="iconfont icon-ziyuan"></i></a>
            <a href=""><i class="iconfont icon-QQ"></i></a>
        </div>
            <ul>
                <li><a href="">网站首页</a></li>
                <li><a href="">新闻动态</a></li>
                <li><a href="">关于我们</a></li>
                <li><a href="">团队风采</a></li>
                <li><a href="">联系我们</a></li>
                <li><a href="">在线留言</a></li>
            </ul>
    </div>
        <div class="foot-bot">
            <i class="iconfont icon-shangbiao"></i> <span> 2015 TK科技有限公司 版权所有沪ICP证13022560号-7 ALL Rights Reserved</span>
        </div>
    </footer>
</body>
</html>